.product-item {
    width: 100%;
    height: 260rpx;
    border-radius: 10rpx;
    background: white;
    padding: 30rpx 20rpx;
    display: flex;
    align-items: center;
    box-shadow: 0rpx 14rpx 46rpx 0rpx rgba(0, 0, 0, 0.04);
    margin-bottom: 30rpx;

    .img-box {
        width: 200rpx;
        height: 200rpx;
        margin-right: 20rpx;
        border-radius: 4rpx;

        .p-img {
            width: 200rpx;
            height: 200rpx;
            display: block;
        }
    }

    .right {
        .title {
            height: 80rpx;
            font-size: 28rpx;
            color: #333333;
            font-weight: 600;
            margin-bottom: 16rpx;
        }

        .price {
            color: #FFA67E;
            margin-bottom: 14rpx;

            .txt1 {
                font-size: 32rpx;
            }

            .txt2 {
                font-size: 42rpx;
                font-weight: 600;
            }
        }
    }

    .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 430rpx;

        .left {
            display: flex;
            align-items: center;

            .ratio {
                height: 30rpx;
                border-radius: 30rpx;
                border: 1rpx solid #FFAC7E;
                text-align: center;
                padding: 4rpx 12rpx;
                line-height: 18rpx;
                color: #FFAC7E;
                font-size: 20rpx;
                margin-right: 16rpx;
            }

            .benefits {
                color: #666666;
                font-size: 20rpx;
            }

        }

        .share {
            width: 120rpx;
            height: 48rpx;
            border-radius: 48rpx;
            background: #A6D7C7;
            font-size: 24rpx;
            color: white;
            font-weight: 600;
            text-align: center;
            line-height: 48rpx;
            margin: 0;
            padding: 0;
        }
    }
}

.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}